﻿/*
common.css Official Style for Discuz!(R)
URL: http://www.discuz.net
(C) 2001-2009 Comsenz Inc.
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 全局 ~~~~ */
* { word-wrap: break-word; }
html, body { border: 0 !important; } 
body { {BGCODE}; text-align: center; }
body, td, input, textarea, select, button { color: {TABLETEXT}; font: {FONTSIZE}/1.6em {FONT}; }
input, select, button { vertical-align:middle; }
textarea { resize: none; }
body, ul, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul li { list-style: none; }
a { text-decoration: none; color: {LINK}; }
	a:hover { text-decoration: underline; }
	.lightlink, .lightlink a { color: {HIGHLIGHTLINK}; }
	a img { border: none; }
em, cite, strong, th { text-align: left; font-style: normal; }
.emfont { color: {NOTICETEXT}; }
table { empty-cells: show; border-collapse: collapse; }
th { font-weight: 400; }
.txt, .txtarea { padding: 2px; *padding:0 2px; height: 16px; *height:20px; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {INPUTBG}; }
	.txtarea { height: auto; }
.checkbox, .radio { margin: 0; width: 15px; }
.pipe { margin: 0 5px; }
.lighttxt, .lighttxt a, .pipe { color: {LIGHTTEXT}; }
.smalltext { font-size: {SMFONTSIZE}; font-family: {SMFONT}; }
.noborder, .noborder td { border: none !important; }
.nobg { background: none !important; }
.right { float: right; }
.left { float: left; }

.onerror, .onright { clear: both; padding: 2px 2px 2px 22px; background: url({IMGDIR}/check_error.gif) no-repeat 2px 2px; }
.onright { background: url({IMGDIR}/check_right.gif) no-repeat 2px 2px; }
.notice { clear: both; margin: 5px 0; padding: 3px 5px 3px 20px; background: url({IMGDIR}/notice.gif) no-repeat 2px 6px; }
.nodata { margin: 99px auto; text-align: center; color: {LIGHTTEXT}; font-size: 16px; font-weight: 700; }

#ajaxwaitid { display: none; position: absolute; z-index: 100; top: 0; right: 0; width: 100px; height: 1.6em; background: #D00; line-height: 1.6em; color: #FFF; overflow: hidden; }

#checksecanswer img, #checksecanswer3 img, #checkseccodeverify img, #checkseccodeverify3 img, .warning img { vertical-align: middle; }

/* clearfix */
.s_clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.s_clear { zoom: 1; }

/* Lines */
hr { clear: both; margin: 1em 0; border: 0 solid {COMMONBORDER}; background: transparent; }
.solidline { border-top: 1px solid {WRAPBG}; border-bottom-width: 1px; }
.dashline { height: 0px; border-bottom-width: 1px; border-style: dashed; }
.shadowline { *margin: 2px 0; border-width: 1px 0; border-top-color: #C8DCEC; border-bottom-color: #FFF; }
	.side .shadowline { margin: 5px 0; *margin: 2px 0; }

/* 此处无需替换为变量 */
.cornerlayger { padding: 6px 8px; border: 1px solid #09C; background: #EBF2F8; line-height: 1.6em; }
.minicorner { margin-top: -1px; height: 6px; background: url({IMGDIR}/attachinfobg.gif) no-repeat 50% 0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 页面结构 ~~~~ */
.wrap { text-align: left; margin: 0 auto; }
	#wrap { padding-bottom: 10px; min-height: 450px; border: {WRAPBORDER} solid {WRAPBORDERCOLOR}; background-color: {WRAPBG}; clear: both; }
		* html #wrap { height: 450px; }
	.wrap, #nav { width: {WRAPWIDTH}; }
#header { margin-bottom: 8px; min-width: {WRAPWIDTH}; width: 100%; border-bottom: {HEADERBORDER} solid {HEADERBORDERCOLOR}; {HEADERBGCODE}; }
	#header .wrap { position: relative; padding: 24px 0 22px; }
	#header h2 { float: left; }
	#umenu { position: absolute; right: 0; top: 0; line-height: 20px; }
		#umenu a { margin: 0 6px; }
			#umenu cite { font-weight: 700; }
				#umenu cite span a { margin: 0; font-weight: 400; }
			#myprompt.new { padding-left: 22px; background: url({IMGDIR}/notice_newpm.gif) no-repeat 0 50%; }
			#myprompt_menu a.new { color: {NOTICETEXT}; }
			#myprompt_menu li { float: left; width: 50%; }
			.promptmenu { margin-left: -27px; padding-top: 10px; width: 250px; background: transparent url({IMGDIR}/pm_ntc.gif) no-repeat 0 0; text-align: left; opacity: 0.98; }
				.promptcontent { padding-bottom: 10px; background: transparent url({IMGDIR}/pm_ntc.gif) no-repeat -250px 100%; }
					.promptmenu ul { padding: 0 10px; border: solid #91C8E2; border-width: 0 2px; background: #FEFEFE; }
						.promptmenu li { border-bottom: 1px solid #F4F4F4; line-height: 29px; display: block; width: 100%; color: {LIGHTTEXT}; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; }
							.promptmenu a:hover { text-decoration: none; color: {HIGHLIGHTLINK}; }
			.up { padding-top: 0; padding-bottom: 10px; width: 150px; background-position: -500px 100%; }
				.up .promptcontent { padding-top: 5px; padding-bottom: 0; background-position: -650px 0; }
					.up li { border-bottom: none; line-height: 160%; }
			#uchome_ntc { padding: 1px 10px 3px 15px; *padding: 2px 10px 2px 15px; background: url({IMGDIR}/notify_bg_m.gif) no-repeat 0 50%; color: #FFF !important; }
				#uchome_ntc a { margin: 0; }
		#umenu, #umenu a, #umenu .pipe { color: {HEADERTEXT}; }
#footer { padding: 1em 0; }
	#rightinfo { float: left; }
	#footlink { float: right; text-align: right; }
	#footer, #footer a { color: {FOOTERTEXT}; }

.content { padding: 20px 25px; }
	.content h1 { margin-bottom: 10px; font-size: 16px; font-weight: 400; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 菜单、导航、分页等各种模块 ~~~~ */
/* 菜单 */
#menu { position: absolute; right: 0; bottom: 0; _bottom: -2px; height: 26px; }
	#menu li { display: inline; float: left; margin-left: 5px; {MENUBGCODE}; }
		#menu a { float: left; padding: 0 14px; height: 25px; border: solid {MENUBORDER}; border-width: 1px 1px 0; background: transparent none; line-height: 25px; color: {MENUTEXT}; text-decoration: none; overflow: hidden; }
			#menu a.dropmenu { padding-right: 20px; background-image: url({IMGDIR}/arrow_down.gif); background-repeat: no-repeat; background-position: 95% 50%; }
		#menu a:hover { border-color: {HEADERBORDERCOLOR}; background-color: {MENUHOVER}; color: {MENUHOVERTEXT}; }
		#menu li.current a { height: 26px; border-color: {HEADERBORDERCOLOR}; background-color: {MENUHOVER}; color: {MENUHOVERTEXT}; }

/* 导航 */
#nav { margin: -8px auto 0; background: url({IMGDIR}/icon_nav.gif) no-repeat 0 50%; text-align: left; text-indent: 25px; line-height: 3em; }
	#nav, #nav a { color: {MENUHOVERTEXT}; }

.mainbox table { width: 100%; }

.blocktitle { margin-bottom: 0.5em; font-size: 16px; font-weight: 700; }

.channelinfo { clear: both; margin: 5px 0; color: {MIDTEXT}; }
	.channelinfo img { vertical-align: middle; }
	.channelinfo .onerror { * background-position: 2px 0; }

/* 分页 */
.pages_btns { padding: 5px 0 1em; line-height: 30px; }
.pages, .pageback { float: right; padding: 2px 0; }
	.pages a, .pages strong, .pageback a { float: left; padding: 0 6px; margin-right: 2px; height: 26px; border: 1px solid; line-height: 26px; overflow: hidden; }
		.pages a, .pageback a { border-color: {COMMONBORDER}; background-color: {WRAPBG}; color: {HIGHLIGHTLINK}; }
		.pages a:hover, .pageback a:hover { text-decoration: none; }
		.pages strong { border-color: {HIGHLIGHTLINK}; background-color: {HIGHLIGHTLINK}; color: #FFF; font-weight: 700; }
			.pages a.prev, .pages a.next { background-repeat: no-repeat; }
		.pages a.prev { background-image: url({IMGDIR}/arrow_left.gif); background-position: 30% 50%; padding: 0; width: 22px; overflow: hidden; text-indent: -9999px; }
		.pages a.next { padding-right: 16px; background-image: url({IMGDIR}/arrow_right.gif); background-position: 90% 50%; }
	.pageback a { padding-left: 16px; background: {WRAPBG} url({IMGDIR}/arrow_left.gif) no-repeat 0 50%; }
	.pages a:hover, .pageback a, .pages a.next { border-color: {HIGHLIGHTLINK}; }

/* 左右结构的表格（多用于表单） */
.formtable { width: 100%; }
	.formtable th { padding: 5px 2px; width: 100px; }
		.formtable th a { font-weight:400; color:{HIGHLIGHTLINK}; text-decoration:underline; }
	.formtable td { padding: 5px 2px; }
	.formtable .sep_space th { height: 40px; }
	.formtable .txt { width: 270px; }
	.formtable .txtarea { float: left; margin: -1px 8px 0 0; width: 270px; height: 60px; border-top-color: {INPUTBORDER}; }

/* 模拟下拉菜单样式 */
.float_typeid { float: left; margin-right: 6px; }
	.float_typeid select { float: left; height: 20px; }
	.float_typeid a { display: block; overflow: hidden; padding: 0 17px 0 4px; width: 73px; height: 20px; text-decoration: none !important; color: {TABLETEXT} !important; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: {INPUTBG} url({IMGDIR}/newarow.gif) no-repeat 100% 0; }
	* html .float_typeid a { height: 18px; padding-top: 2px; }
		.float_typeid a:hover, .float_typeid a:focus { border: 1px solid {HIGHLIGHTLINK}; background-position: 100% -20px; }
	/* ctrl 'select' width */
	.float_typeid select { width: 94px; }
	.short_select a { width: 39px; }
	.short_select select { width: 60px; }

.select_menu { border: 1px solid {HIGHLIGHTLINK}; background:{INPUTBG} url({IMGDIR}/newarow.gif) no-repeat 100% -20px; text-align: left; }
	.select_menu ul { margin: 0 4px; }
		.select_menu li { color: {TABLETEXT}; cursor: pointer; }
			.select_menu li:hover { color: {HIGHLIGHTLINK}; }
			.select_menu li.current { color: {NOTICETEXT}; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 版块列表、帖子列表、用户列表以及其他形式列表 ~~~~ */
.commonlist li { margin: 4px 0; }
.inlinelist li { float: left; width: 33%; }
	.inlinelist li.wide { width: 49.5%; }

/* 数据表 */
.datalist { zoom: 1; }
	.datalist table { margin-bottom: 30px; width: 100%; border: 1px solid {COMMONBORDER}; }
		.datalist th, .datalist td { padding: 4px 5px; border: 1px solid {COMMONBORDER}; font-weight: 400; }
			.datalist th img { vertical-align: top; }
		.datalist table .stat_subject { border-right: none; }
		.datalist table .stat_num { padding-right: 15px; text-align: right; border-left: none; }

	.datalist .datatable { margin-bottom: 10px; }
		.datalist .datatable, .datalist .datatable th, .datalist .datatable td { border-width: 1px 0; }
	.datalist .fixtable { table-layout: fixed; }

	/* 交替换色中的深色背景 */
	.colplural, .colplural th, .colplural td, th.highlight, td.highlight { background-color: {INTERLEAVECOLOR}; }

/* 48px 头像列表，需配合 s_clear */
.avt_list li { float: left; margin-right: 9px; width: 64px; height: 54px; text-align: center; }
	.side .avt_list li { margin: 0; width: 33.3% }
	.postmessage .avt_list li { height: 70px; } 
	.avt_uname li { height: 80px; }
	.avt_list img { display: block; margin: 0 auto; }
	.avt_list p { width: 96%; white-space: nowrap; overflow: hidden; }
		.avt_list .cornerlayger p { white-space:normal; text-align: left; }
	.avt_list .minicorner { background: url({IMGDIR}/attachinfobg.gif) no-repeat -30px 0; }
.avt_title { margin: 8px; }

.list { border-top: 3px solid {COMMONBORDER}; }
	.content .list h3 { padding-left: 6px; color: {MIDTEXT}; line-height: 35px; }
	.list td, .list th { height: 50px; padding: 6px 0; border-top: 1px dashed {COMMONBORDER}; color: {MIDTEXT}; }
		.list th { background: url({IMGDIR}/forum.gif) 5px 10px no-repeat; padding-left: 45px !important; }
		.narrowlist th { vertical-align: top; }
		.list th.new { background-image: url({IMGDIR}/forum_new.gif); }
			.list th h2 em { font-weight: 400; }
				.list th h2 em strong { color: {NOTICETEXT} }

.feed { margin-bottom: 10px; }
	.feed h3 { margin: 10px 0 10px 30px; font-size: 14px; color: {LIGHTTEXT}; }
	.feed a { color: {HIGHLIGHTLINK}; }
	.feed li { border-bottom: 1px dashed {COMMONBORDER}; }
	.feed div { padding: 10px 30px; background: url({IMGDIR}/alert.gif) no-repeat 0 12px; position: relative; }
		.feed div div { padding: 0; background: none; }
		.feed .f_icon { background: none; }
			.feed .apptype { position: absolute; float: left; display: inline; margin: 3px 0 0 -30px; }
		.feed .f_thread { background-image: url({IMGDIR}/folder_new.gif); }
		.feed .f_reply { background-image: url({IMGDIR}/fastreply.gif); }
		.feed .f_quote { background-image: url({IMGDIR}/repquote.gif); }
		.feed .f_buddy { background-image: url({IMGDIR}/user_link.gif); }
		.feed .f_pin { background-image: url({IMGDIR}/pin_1.gif); background-position: 0 9px; }
		.feed .f_digest { background-image: url({IMGDIR}/digest_1.gif); }
		.feed .f_rate { background-image: url({IMGDIR}/agree.gif); }
		.feed .f_manage { background-image: url({IMGDIR}/icon_manage.gif); }
		.feed .f_magic { background-image: url({IMGDIR}/magic.gif); }
		.feed .f_trade { background-image: url({IMGDIR}/tradesmall.gif); }
		.feed .f_activity { background-image: url({IMGDIR}/activitysmall.gif); }
		.feed .f_reward { background-image: url({IMGDIR}/rewardsmall.gif); }
		.feed .f_task { background-image: url({IMGDIR}/icon_task.gif); background-position: 0 14px; }
		.feed .f_credit { background-image: url({IMGDIR}/viewpay.gif); }
	.feed dfn { position: absolute; right: 0; top: 14px; *top:12px; font-style: normal; }
		.feed dfn .deloption { float: right; margin: 0; }
	.feed em, .feed em a, .feed .summary { color: {LIGHTTEXT}; }
		.feed .summary { margin: 12px 2em 6px; }
			.feed dt { float: left; color: {TABLETEXT}; }
			.feed dd { margin-bottom: 6px; }
	.feed .il { margin-left: 2em; white-space: nowrap; }
	a.to { padding-right: 1em; background: url({IMGDIR}/arrow_right.gif) no-repeat 100% 50%; }
	.feed i { margin: 0 5px; color: {LIGHTTEXT}; }
	.f_thumb { margin: 5px 0; }
		.f_thumb img { margin-right: 4px; padding: 2px; max-width: 100px; max-height: 70px; border: 1px solid {COMMONBORDER} }
			* html .f_thumb img { width: 100px; height: 70px; }
	.feed fieldset  { margin: 10px 0; padding: 0 0 0 20px; border: none; background: url({IMGDIR}/icon_quote_m_s.gif) no-repeat 0 0; }
		.feed ins { margin: 0; padding: 0 20px 0 0; display: inline; background: url({IMGDIR}/icon_quote_m_e.gif) no-repeat 100% 100%; line-height: 1.6em; color: {LIGHTTEXT}; text-decoration: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 帖子列表相关 ~~~~ */
.folder { width: 25px; text-align: center; }
td.icon { width: 20px; text-align: center; }
	.icon .solved { filter: alpha(opacity=30); opacity: 0.3; }
.subject label { float: right; }
.threadlist th a:hover, .subject a:hover { color: {HIGHLIGHTLINK}; }

.datatable .subject { padding: 8px 5px; }

.threadpages { white-space: nowrap; }
	.threadpages a { padding: 2px 4px; color: {TABLETEXT}; }
		.threadpages a:hover { background-color: {SPECIALBG}; }
.forum, .author, .lastpost { width: 110px; }
	.lastpost, .lastpost cite, .lastpost em { text-align: right; }
	.author cite, .lastpost cite { display: block; margin-bottom: -5px; width: 105px; height: 1.6em; overflow: hidden; }
		thead .lastpost cite { margin-bottom: 0; }
	.author em, .lastpost em, .lastpost em a { font-size: 9px; font-family: Arial, sans-serif; color: {LIGHTTEXT}; }
	.lastpost cite, .lastpost em { display: block; margin-right: 5px; }
.nums { width: 80px; color: {LIGHTTEXT}; text-align: center; }
	thead .nums { color: {TABLETEXT}; }
	.nums strong { padding-right: 2px; color: {HIGHLIGHTLINK}; font-weight: 400; }
	.nums em { padding-left: 2px; color: {TABLETEXT}; }
.forumnums { width: 90px; padding-right: 10px !important; color: {LIGHTTEXT}; text-align: center; }
	.forumnums em { color: {HIGHLIGHTLINK}; }
.forumlast { width: 225px; text-align: left; }
.num { width: 120px; text-align: center; color: red; }

.threadlist td { padding: 0 !important; }
	.threadlist .colplural th, .threadlist .colplural td { padding: 7px 0 !important; background: {SPECIALBG}; }
		.threadlist .colplural th { padding: 7px 5px !important; }
			.threadlist .colplural a { color: {HIGHLIGHTLINK}; font-family: Tahoma, sans-serif; }
				.threadlist .colplural a:hover { text-decoration: underline; }
				.threadlist .colplural .order_active { padding-right: 8px; background: url({IMGDIR}/order.gif) no-repeat 100% 50%; }
			.itemfilter { line-height: 18px; }
				.itemfilter * { float: left; height: 18px; overflow: hidden; }
				.itemfilter li { margin-right: 5px; }
				.itemfilter .current a { margin-right: 2px; background: url({IMGDIR}/btn_block.gif) no-repeat 0 -161px; }
					.itemfilter .current a:hover { text-decoration: none; }
				.itemfilter span { cursor: pointer; }
				.itemfilter .current span { padding: 0 5px; background: url({IMGDIR}/btn_block.gif) no-repeat 100% -179px; color: #FFF; }
	.threadlist th em { margin-right: 4px; }
	.threadlist th em, .threadlist th em a { color: {HIGHLIGHTLINK}; }
	.threadlist th .attach { vertical-align: middle; }
		* html .threadlist th .attach { vertical-align: baseline; }
 	.threadlist th a { text-decoration: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 下拉菜单 ~~~~ */
.dropmenu { padding-right: 15px; background: url({IMGDIR}/arrow_down.gif) 100% 50% no-repeat; cursor: pointer; }
.popupmenu_popup { overflow: hidden; padding: 10px; text-align: left; border: 1px solid {DROPMENUBORDER}; {DROPMENUBGCODE}; }
	.popupmenu_popup li { margin: 3px 0; line-height: 20px; }
.headermenu_popup { width: 100px; }
	.headermenu_popup li { width: 100px; border-bottom: 1px solid {COMMONBORDER}; }
		.headermenu_popup a:hover { text-decoration: none; color: {HIGHLIGHTLINK}; }
		.headermenu_popup .active { font-weight: 700; }
.titlemenu_popup { padding: 0; }
	.titlemenu_popup li { margin: 0; }
	.titlemenu_popup a { display: block; padding: 3px 8px; }
	* html .titlemenu_popup a { display: inline-block; }
	.titlemenu_popup .current a { background: #F1F5FA; }
.filter_popup { width: 5em; }
	.filter_popup li { width: 60px; }
.showselect_menu { margin-bottom: 0.8em; padding: 5px; text-align: left; border: 1px solid {DROPMENUBORDER}; background: {DROPMENUBGCOLOR}; }

.headactions .popupmenu_popup a, .headactions .popupmenu_popup strong { color: {MIDTEXT}; background: none; white-space: nowrap; }
	.headactions .popupmenu_popup { overflow: visible; }

.hasdropdownbtn {}
	.hasdropdownbtn input { float: left; width: 129px; }
	.hasdropdownbtn .spmediuminput { width: 115px; }
	.dropdownbtn { float: left; overflow: hidden; text-indent: -9999px; width: 20px; height: 20px; border-width: 1px 1px 1px 0; border-style: solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background:{INPUTBG} url({IMGDIR}/newarow.gif) no-repeat 0 0; }
		.dropdownbtn:hover { background-position: 0 -20px; }

/* 风格切换 */
#style_switch { position: absolute; right: 0px; bottom: -25px; }
	#style_switch li { float: left; padding-left: 5px; }
	#style_switch a { float: left; width: 8px; height: 8px; border: 1px solid #DDD; background: #FFF; line-height: 100px; overflow: hidden; }
		#style_switch a:hover, #style_switch .current a { border-color: #FFF; }
			#style_switch .current a { margin-top: -1px; border-width: 2px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 广告 ~~~~ */
#ad_headerbanner { float: right; margin: 5px 0 10px; }
.ad_text { margin: 0 auto 5px; padding: 10px 0; width: {WRAPWIDTH}; background: {WRAPBG}; }
.ad_text table { width: 100%; }
	.ad_text td { padding: 3px 20px; text-align: left; }
.ad_textlink1, .ad_textlink2 { margin: 10px 0; padding-left: 20px; background: url({IMGDIR}/icon_ad.gif) no-repeat 0 50%; }
.ad_pip { clear: right; float: right; padding: 10px; background: {WRAPBG}; color: {LIGHTTEXT}; line-height: 130%; }
	.ad_pip li { margin-bottom: 1em; }
	.ad_pip a { color: {HIGHLIGHTLINK}; }
.ad_topicrelated { clear: both; float: right; display: inline; margin: 0 10px 10px; padding: 10px 10px 10px 30px; border: 1px solid #78A73D; background: #CAEEC0; }
.ad_column { text-align: center; }
.ad_footerbanner { text-align: center; clear: both; margin: 5px; }
.ad_float_left, .ad_float_right { float: right; position: fixed; top: 350px; z-index: 300; }
	* html .ad_float_left, * html .ad_float_right { position: absolute; top: expression(offsetParent.scrollTop+350); }
	.ad_float_left { left: 5px; }
	.ad_float_right { right: 5px; }
.ad_couplebanner { top: 5px }
* html .ad_couplebanner { top: expression(offsetParent.scrollTop+5); }

/* HEADACTION */
.headactions { float: right; line-height: 1em; padding: 12px 0 0; }
	.headactions img { vertical-align: middle; cursor: pointer; padding: 0 5px; }
	.headactions a { margin-left: 4px; }
		.mainbox .headactions { color: {LIGHTTEXT}; }
			.mainbox .headactions strong { font-weight: 700;}

.msgfix { overflow: hidden; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 侧边 ~~~~ */
.side { width: 170px; }
	.sideinner .txt { margin: 6px 0; }
	.side li.current a { font-weight: 700; color: {TABLETEXT}; text-decoration: none; }
.with_side { {SIDEBGCODE}; }
	.with_side .main { float: left; overflow: hidden; margin-left: -180px; width: 100%; }
		.with_side .content { margin-left: 180px; width: auto; }
	.with_side .side { float: right; padding-bottom: 20px; width: 180px; }
		.with_side .side h2 { margin: 20px 25px 10px; color: {LIGHTTEXT}; font-size: 14px; }
		.with_side .side a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
		.sideinner { padding: 0 25px; }
			.sideinner .tabs { margin: 5px 0; }
				.sideinner .tabs li { line-height: 2em; }
		.numbg { float: right; text-align: center; width: 35px; height: 2em; background: url({IMGDIR}/numbg.gif) no-repeat 0 50%; color: #FFF; font-weight: 700; }
.special { background: none; }
	.special .main { float: right; }
	.special .side { float: left; }
.sidebox { overflow: hidden; margin: 5px 10px 10px; }
	.sidebox h4 { margin-bottom: 4px; color: {HIGHLIGHTLINK}; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 弹出层通用样式 ~~~~ */

/* 弹窗 */
.fwinmask {}
	/* 浮动窗口最外层 */
	.fwin { overflow-x: hidden; margin: 0 auto; text-align: left; }
		/* 以下 class 都可以分开写，单独定义，以便个性化 */
		/* 四条边、四个角的公用样式 */
		.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r { overflow: hidden; opacity: 0.9; filter: alpha(opacity=90); {FLOATMASKBGCODE}; }
		/* 四个角 */
		.t_l, .t_r, .b_l, .b_r { width: 8px; height: 8px; }
		/* 上下两条边 */
		.t_c, .b_c { height: 8px; }
		/* 左右两条边 */
		.m_l, .m_r { width: 8px; }
		/* 内容区 */
		.m_c { {FLOATBGCODE}; }
			.fcontent { margin: 15px; }

.float_ctrl { margin-bottom: 15px; height: 20px; line-height: 20px; }
	.float_ctrl em { float: left; font-size: 14px; font-weight: 700; color: {HIGHLIGHTLINK}; }
		.float_ctrl em a { text-decoration: none; }
	.float_ctrl .needverify { margin-left: 8px; padding-left: 13px; width: 45px; height: 21px; line-height: 21px; background: url({IMGDIR}/re_unsolved.gif) no-repeat 0 0; font-size: 12px; color: {MIDTEXT}; font-weight: 400; }
	.float_ctrl .onerror, .float_ctrl .onright { white-space: nowrap; height: auto; line-height: 140%; color: {TABLETEXT}; font-size: 12px; font-weight: 400; }

	.float_ctrl span { float: right; color: {LIGHTTEXT}; }
		.float_ctrl span a, .float_ctrl strong { float: left; text-decoration: none; margin-left: 8px; font-weight: 400; color: {TABLETEXT}; }
			.float_ctrl span a:hover { color: {LIGHTTEXT}; }
		.float_close { float: left; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; background: url({IMGDIR}/newclose.gif) no-repeat 0 0; }
			.float_close:hover { background-position: 0 -20px; }

		.floatwrap { overflow: auto; overflow-x: hidden; margin-bottom: 10px; height: 280px; }
		.fcontent li { list-style: none; }
		.fcontent a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
		.fcontent .list { margin: 0 auto; width: 570px; border-top: 3px solid {COMMONBORDER}; border-bottom: 3px solid {COMMONBORDER}; }
			.fcontent .list th, .fcontent .list td { padding: 3px !important; height: auto; border-bottom: 1px dashed {COMMONBORDER}; }
			.fcontent .list .btns th, .fcontent .list .btns td { border-bottom: none; }
			.fcontent .list th { width: 150px; background: none; }

.postbox { clear: both; }
	.moreconf { margin-top: 10px; }
		.moreconf button, .moreconf a { margin-right: 3px; }

/* 登录和注册 */
.loginform { float: left; margin-bottom: 10px; *margin-bottom: -10px; padding: 20px 0; width: 280px; border-right: 1px solid {CONTENTSEPARATE}; }
	.regsec { margin-bottom: 10px; }
	.channelinfo .onerror, .channelinfo .onright { background-position: 2px 0; }
	.loginform label { clear: both; overflow: hidden; display:block; margin: 0 0 10px; line-height: 22px; }
	.loginform .txt { width: 170px; }
	.loginform select { width: 175px; }
	.fsubmit { clear: both; margin-top: 8px; }
		.fsubmit .submit { margin-right: 8px; }
		.loginform label em, .fsubmit em { float: left; width: 60px; }
			.fsubmit .regpre { *margin-top: 4px; }
.nolabelform .txt{ width: 230px; }
.clause { overflow: auto; margin-bottom: 10px; width: 470px; height: 240px; }
.selectinput { float: none; margin: 0 0 10px; width: 234px; height: 20px; background-color: {INPUTBG}; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; }
	.selectinput a { float: left; padding-right: 0; width: 61px; border: none; }
		.selectinput a:hover, .selectinput a:focus { border: none; }
	.selectinput .txt { float: left; width: 160px; border: none; }
.selecttype { float: none; margin: 10px 0; clear: both; }
	.selecttype a, .selecttype a:hover, .selecttype a:focus { padding-right: 0; width: 230px; background-color: transparent; border-color: {FLOATBGCOLOR}; color: {LIGHTTEXT} !important; }
.loginpsw label { float: left; padding-left: 4px; width: 61px; line-height: 150%; }
.capslock { background: url({IMGDIR}/capslock.gif) no-repeat 98% 50%; }

.logininfo { float: left; overflow: visible; margin: 87px 25px 10px 40px; }
	.logininfo h4 { margin-bottom: 10px; font-weight: 400; font-size: 14px; }
	.multinfo { margin-top: 53px; }

/* 全局导航 */
.switchnav { float: left; white-space: nowrap; overflow: hidden; width: 480px; }
.postboardlist { overflow: hidden; margin: 9px 0; width: 597px; border-width: 1px 0 1px 1px; border-style: solid; border-color: {DROPMENUBORDER}; background: #FFF; }
	.postboardlist li { float: left; overflow-x: hidden; overflow-y: auto; padding: 5px; width: 188px; height: 300px; border-right: 1px solid {DROPMENUBORDER}; }
	.postboardlist p { height: 25px; line-height: 25px; }
		.postboardlist a { display: block; white-space: nowrap; overflow: hidden; padding: 0 4px; text-decoration: none; color: {TABLETEXT}; }
			.postboardlist a:hover { text-decoration: none; background-color: {INTERLEAVECOLOR}; }
		.postboardlist .highlightlink { color: {HIGHLIGHTLINK}; }
		.hassubboard { background: url({IMGDIR}/arrow_right.gif) right center no-repeat; }
	.pbl_selected a, .pbl_selected a:hover { background-color: {HIGHLIGHTLINK}; color: #FFF !important; font-weight: 700; }

/* 弹窗未开启时 */
.nofloat { height: auto !important; height: 410px; min-height: 410px; background-color: {SPECIALBG}; }
	.nofloat .fcontent { margin: 15px auto; width: 600px; }
	.nofloat .loginform { height: auto; }
	.nofloat .clause { width: auto; height: auto; }

/* 发帖标题部分限宽 */
.fcontent .float_postinfo { width: 568px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 各种标题 ~~~~ */
.c_header { overflow: hidden; margin-bottom: 10px; }
	* html .c_header { zoom: 1; }
	.c_header h2, .c_header h3 { float: left; padding-right: 15px; background: {WRAPBG}; font-size: 14px; cursor: pointer;}
	.c_header h3 { background: {WRAPBG} url({IMGDIR}/arrow_down_big.gif) no-repeat 100% 5px; color: {HIGHLIGHTLINK}; }
	.searchfaq h3 { background: none;  cursor: auto; }
		.c_header .noarrow { background: none; cursor: auto; }
		.c_header h3 a { color: {HIGHLIGHTLINK}; }
		.c_header h3 span { font-size: 12px; font-weight: 400; color: {MIDTEXT}; }
		.c_header h2 em, .c_header h3 em { margin-left: 8px; font-size: 12px; color: {LIGHTTEXT}; font-weight: 400; }
	.c_header_action { float: right; }
	.c_header .c_header_ctrlbtn { display: none; }
	.c_header .c_header_ext { display: block; }
.closenode { background: url({IMGDIR}/dashline.gif) repeat-x 0 10px; }
	.closenode h3 { background-image: url({IMGDIR}/arrow_right_big.gif); }
	.closenode .c_header_ctrlbtn { display: block; background-color: {WRAPBG}; color: {MIDTEXT}; cursor: pointer; }
	.closenode .c_header_ext { display: none; }
.itemtitle { clear: both; overflow: hidden; margin-bottom: 10px; line-height: 23px; }
	.itemtitle h1 { float: left; margin: 0 20px 0 0; }
	.itemtitle ul { float: left; }
		.itemtitle li { float: left; margin-right: 5px; }
			.itemtitle li.pipe { margin-left: 0; }
		.itemtitle ul a { display: block; overflow: hidden; height: 23px; cursor: pointer; }
		* html .itemtitle ul a { float: left; }
			.itemtitle ul a span { display: block; padding: 0 7px; *padding: 1px 7px 0; *line-height: 22px; }
			.itemtitle ul a:hover { background: #F5F5F5 url({IMGDIR}/btn_block.gif) no-repeat 0 -46px; text-decoration: none; }
				.itemtitle ul a:hover span { background: url({IMGDIR}/btn_block.gif) no-repeat 100% -69px; }
		.itemtitle ul a.dropmenu { padding-right: 0; background-position: 0 -161px; }
			.itemtitle ul a.dropmenu span { padding-right: 12px; background: url({IMGDIR}/btn_block.gif) no-repeat 100% -138px; }
			.itemtitle ul a.dropmenu:hover { background-position: 0 -46px; }
				.itemtitle ul a.dropmenu:hover span { background-position: 100% -115px; }
		.itemtitle ul .current a, .itemtitle ul .current a:hover, .itemtitle ul .current a.dropmenu:hover { background: {HIGHLIGHTLINK} url({IMGDIR}/btn_block.gif) no-repeat 0 0; }
			.itemtitle ul .current a span, .itemtitle ul .current a:hover span { background: url({IMGDIR}/btn_block.gif) no-repeat 100% -23px; color: #FFF; }
			.itemtitle ul .current a.dropmenu span, .itemtitle ul .current a.dropmenu:hover span { background-position: 100% -92px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 发帖 ~~~~ */
/* 浮动发帖 */
.float_postinfo {}
	.float_postinfo em { float: left; margin-right: 5px; padding-left: 3px; height: 20px; border: 1px solid; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background-color: {INPUTBG}; cursor: pointer; }
		.float_postinfo em img { margin-top: 2px; }
	.float_postinfo input { float: left; }
	.float_postinfo #subject { width: 358px; }
	.float_postinfo .float_typeid { display: inline; margin-right: 0; margin-left: 6px; }
	.viewpoint { margin: 9px 0; }
.colorbox input { margin: 2px; padding: 0px; float:left; cursor: pointer; width: 12px; height: 12px; border: 0; }

/* 表情 */
.smilieslist { padding: 10px; border: 1px solid {DROPMENUBORDER}; {DROPMENUBGCODE}; }
	.smilieslist td { padding: 8px; border: none; cursor: pointer; }
	.smilieslist_page { *float: left; text-align: right; }
		.smilieslist_page a { margin-right: 5px; color: {HIGHLIGHTLINK}; text-decoration: underline; }
		.pags_act { float: left; }
	.smilies_preview { margin-top: 5px; padding: 8px; background: {WRAPBG}; border: 1px solid {DROPMENUBORDER}; }

	.smiliesgroup { height: 33px; *height:34px; overflow: hidden; width: expression(this.parentNode.offsetWidth); }
		.smiliesgroup ul, .imguptype { margin: 6px 0; padding: 0 0 26px 8px; border-bottom: 1px solid {CONTENTSEPARATE}; }
			.smiliesgroup li, .imguptype li { display: inline; }
			* html .smiliesgroup li, * html .imguptype li { line-height: 18px; }
				.smiliesgroup li a, .imguptype li a { float: left; margin: 2px 6px 0 0; padding: 2px 10px; height: 19px; border: 1px solid {CONTENTSEPARATE}; color: {HIGHLIGHTLINK}; text-decoration: none; }
					.smiliesgroup li a:focus, .imguptype li a:focus { outline: none; }
					.smiliesgroup li a.current, .imguptype li a.current { border-bottom-color: {DROPMENUBGCOLOR}; font-weight: 700; color: {TABLETEXT}; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 其他 ~~~~ */
/* 提示信息 */
.alert_win { margin: 0; width: 350px; }
	.alert_win .float_ctrl { margin-bottom: 0; padding: 8px; }
	.alert_win .shadowline { margin: 0; *margin: -8px 0; }
	.alert_win .postbox { *margin-top: -15px; padding: 15px; }
		.alert_right, .alert_error, .alert_info { padding: 6px 0 6px 58px; line-height: 160%; background:url({IMGDIR}/right_big.gif) no-repeat 8px 50%; font-size: 14px; }
		.alert_error { background-image: url({IMGDIR}/error_big.gif); }
		.alert_info { background-image: url({IMGDIR}/info_big.gif); }
		.alert_btnleft { margin-top: 8px; }
		.alert_btn { margin-top: 20px; text-align: center; }
		.alert_act { margin-top: 20px; padding-left: 58px; }

/* 用于积分奖励提示等通用弹出层 */
.popupcredit {}
	.pc_l, .pc_c, .pc_inner, .pc_r { width: 29px; height: 56px; line-height: 56px; background: url({IMGDIR}/popupcredit_bg.gif) no-repeat 0 0; }
	.pc_c { width: 200px; background-position: 0 -56px; background-repeat: repeat-x; }
		.pc_inner { white-space: nowrap; text-align: center; width: auto; background-position: 50% -112px; }
			.pc_inner span { margin-right: 15px; color: #FFEA97; font-size: 14px; font-weight: 700; }
			* html .pc_inner span { display: inline-block; }
				.pc_inner span a { color: #FFEA97; text-decoration: underline; }
				.pc_inner span em { color: #FFF; font-size: 18px; font-weight: 400; }
				.pc_inner span em.desc { color: #930; }
			.pc_btn img { opacity: 0.5; }
				.pc_btn:hover img { opacity: 1; }
	.pc_r { background-position: -30px 0; }

/* 任务完成度状态条 */
.optionbar { float: left; overflow: hidden; margin: 3px 4px 0 -6px; background: {HIGHLIGHTLINK} url({IMGDIR}/header.gif) repeat-x; height: 14px; }

/* 其他一些通用样式 */
.deloption { float: left; margin: 4px; width: 12px; height: 12px; background: url({IMGDIR}/close.gif) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
	.deloption:hover { background-position: 0 -12px; }
.color_menu { overflow: hidden; width: 63px; }
	.color_menu a { overflow: hidden; float:left; width: 20px; height: 20px; }
.chosemagic { margin-bottom: 9px; width: 220px; }
.topicadminhigh { height: 200px; }
	.topicadminhigh .tah_body { margin: 5px 0 15px; }
		.topicadminhigh .tah_body select { width: 217px; }
.topicadminlow { height: 50px; }
	.topicadminlow table { width: 100%; }
	.topicadminlow td { padding: 0 5px; }
	.topicadminlow .txt { width: 100px; }
		.topicadminlow .wide .txt { width: 50px; }
.topicadminlog {}
	.topicadminlog h4 { font-weight: 400; }
	.topicadminlog .dropdownbtn { border-left-width: 1px; }
	.topicadminlog .txtarea { margin: 5px 0; width: 212px; height: 40px; }